.switch {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 25px;
 }

 .dark {
   padding-top: 16px;
 }

 .switch input {
   display: none;
 }

 .slide {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #ccc;
   border-radius: 34px;
   transition: .4s;
 }

 .slide-item {
   position: absolute;
   width: 18px;
   height: 18px;
   left: 4px;
   bottom: 4px;
   background: #fff;
   border-radius: 50%;
   transition: .4s;
 }

 .slideBack {
   background: #b892ff;
 }


 .dark-mode {
   background: #0b0a14;
   color: #fff;

 }

 .slide-items {
   transform: translateX(26px);
 }

 /* 白天黑夜切换按钮end */
 .navbar-toggler {
   background-color: #707070 !important;
 }

 .group-members {
   color: #666;
   font-size: 20px;
   cursor: pointer;
 }

 /* 下拉列表 */
 .dropdowm-list {
   padding: 0 85px;
   width: 220px;
   height: 210px;
   border: 1px solid #ccc;
   border-radius: 15px;
   position: absolute;
   top: 60px;
   right: 50%;
   transform: translateX(50%);
   transition: 0.4s linear;
   opacity: 0;
   background-color: rgba(255, 255, 255, .4);
 }

 .dropdowm-list li {
   color: #151d2d !important;
   height: 33px;
   line-height: 33px;
   transition: 0.3s ease-in-out;
 }

 .dropdowm-list.active {
   opacity: 1;
 }


 .members {
   display: none;
   color: #fff !important;
 }
